/**
 layui官网
 */

layui.define(['code', 'element', 'util'], function(exports){
  var $ = layui.jquery
    , element = layui.element
    , layer = layui.layer
    , device = layui.device()
    , preview = function(){
    var preview = document.getElementById('LAY_preview');
    return preview ? preview.innerHTML : '';
  }();


  // 加载table页面的nav
  if($('#tableNav')){
    $.getJSON('/data/table/nav.json')
      .done(function(res){
        var html = []
          , strs = location.href.split('/')
          , page = strs[strs.length - 1];
        layui.each(res, function(index, nav){
          var href = nav.href
            , title = nav.title;
          if(title === 'hr'){
            html.push('<hr>');
          }else{
            html.push('<li class="layui-nav-item ' + (href.endsWith(page) && !nav.target ? 'layui-this' : '') + '"><a href="' + href + '" ' + (nav.target ? 'target="_blank"' : '')
              + '>' + title + '' + (nav.isBadge ? '<span class="layui-badge-dot"></span>' : '') + '</a>')
          }
        });
        $('#tableNav').html(html.join(''));
        element.render();
      })
  }

  //代码修饰
  layui.code({
    elem: 'pre'
  });
  //查看代码
  $(function(){
    var DemoCode = $('#LAY_democode');
    DemoCode.val([
      '<html lang="en">\n'
      , '<head>\n'
      , '  <meta charset="utf-8">\n'
      , '  <title>Layui</title>\n'
      , '  <meta name="renderer" content="webkit">\n'
      , '  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">\n'
      , '  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">\n'
      , '  <link rel="stylesheet" href="//res.layui.com/layui/dist/css/layui.css"  media="all">\n'
      , '  <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->\n'
      , '</head>\n'
      , '<body>'
      , preview
      , '\n</body>'
      , '\n<script src="/static/plugin/layui/layui.js"></script>'
      , '\n<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->'
      , $('#LAY_democodejs').html()
      , '\n</body>\n</html>'
    ].join(''));
  });

  //点击查看代码选项
  element.on('tab(demoTitle)', function(obj){
    if(obj.index === 1){
      if(device.ie && device.ie < 9){
        layer.alert('强烈不推荐你通过ie8/9 查看代码！因为，所有的标签都会被格式成大写，且没有换行符，影响阅读');
      }
    }
  });

  //手机设备的简单适配
  var treeMobile = $('.site-tree-mobile')
    , shadeMobile = $('.site-mobile-shade')

  treeMobile.on('click', function(){
    $('body').addClass('site-mobile');
  });

  shadeMobile.on('click', function(){
    $('body').removeClass('site-mobile');
  });

  exports('global', {});
});
